---
layout: default
title: 设置新密码
permalink: /active-account/

noFooter: True
onRegisterPage: True
---
{% include login-brand.html %}
<style>
.regiMain {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 48px;
	background-color: #fff;
	border: 1px solid #dfeafc;
}
.lineTip div {
	float: left;
}
.regiMain .tit{
	font-size: 20px;
	color: #393939;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 0;
}
.lineTip .nowColr{
	background-color: #2f8df6;
	color: #fff;
}
.lineTip {
	width: 1084px;
	margin: 10px auto;
	height: 44px;
	background-color: #fff;
/*	border-bottom: 1px solid #e2e5eb ;*/
}
.arrow1 {
	width: 342px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	position: relative;
	text-align: center;
	/*margin-right: 44px;*/
}
.arrow1:after {
	content: "";
	display: inline-block;
	width: 0;
    height: 0;
}
.arrow2 {
	width: 310px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	text-align: center;
	position: relative;
}
.arrow2:after {
	content: "";
	display: inline-block;
	width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-left: 44px solid #e2e5eb;
    border-bottom: 22px solid transparent;
    position: absolute;
    right: -44px;
    top: 0;
    z-index: 2
}
.arrow3 {
	width: 342px;
	height: 44px;
	line-height: 44px;
	background-color: #e2e5eb;
	font-size: 19px;
	color: #4e4e4e;
	text-align: center;
	position: relative;
}

.PartitionLine {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
}
.PartitionLine:after{
	content: "";
	position: absolute;
	left:0px;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background:url("../assets/imgs/pages/register/oneArrow.jpg") no-repeat;
	z-index: 2;
}
.PartitionLine3 {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.PartitionLine3:after{
	content: "";
	position: absolute;
	left:0px;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background:url(/assets/imgs/pages/register/threeBtn.png) no-repeat;
	z-index: 2;
}
.PartitionLine2 {
	width: 45px;
	height: 44px;
	background-color: #fff;
	position: relative;
}
.mainBanner {
	width: 1084px;
	height: 360px;
	background-color: #f6f7fc;
	margin: 0 auto;
	margin-top: 24px;
	text-align: center;
}
.PartitionLine2:after{
	content: "";
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	width: 46px;
	height: 44px;
	background: url(../assets/imgs/pages/register/oneArrow2.jpg) no-repeat;
	z-index: 2;
}

.twoPassBottom {
	height: 70px;
}

.titLine {
	height: 1px;
	width: 1084px;
	background-color: #e2e5ec;
	margin: 0 auto;
	margin-top: 9px;
	margin-bottom: 25px;
}

.mainMidHui{
	width: 1084px;
	height: 400px;
	padding-top: 75px;
	background-color: #f6f7fc;
	margin: 0 auto;
}
.mainMidHui .list {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #4c4c4c;
	text-align: center;
}
.mainMidHui .loginBtn {
	width: 180px;
	height: 40px;
	display: block;
	margin: 40px auto;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	background-color: #2275de;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.tipUl {
	text-align: center;
	font-size: 14px;
	color: #5c5c5c;
	line-height: 30px;
}
.tipUl a{
	font-size: 14px;
	color: #2275de;
}
.newName {
	color: #1869c5;
}
</style>
<div class="regiMain">
	<p class="tit">激活账号</p>
	<div class="mainMidHui">
		<p class="list">
			尊敬的 <span class="newName">xxx</span> ，您已成功申请了账号，请立刻去邮件激活账号
		</p>
		<p class="list">
			我们已给你的邮箱 
			<span class="newName">10617804780475@qq.com </span>发送了一份验证邮件。
		</p>
		<p class="list">请点击邮件中的确认链接来完成注册！</p>
		<ul class="tipUl">
			<li>如果您没有收到忘记密码邮件，您可以：</li>
			<li>1.请查看邮件中的垃圾邮箱、广告箱，邮件可能被误认为垃圾邮件了；</li>
			<li>2.如果确实没有收到忘记密码邮件，请点击 
			<a href="javascript:void(0)" class="targetA" >重新发送忘记密码邮件</a>
			</li>
		</ul>
		<a class="loginBtn" href="" target="_self">
			立即激活账号
		</a>
	</div>
	<div class="twoPassBottom"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
//标题选中事件
$(".widthBorder .btnKuang").hover(function(){
    $(this).addClass("act");
},function(){
	if(!$(this).hasClass("thisAct") ){
		$(this).removeClass("act");
	}
});

$(".widthBorder .btnKuang").on("click",function(){
	// nav
	$(".widthBorder .btnKuang").each(function(){
		$(this).removeClass("act");
		$(this).removeClass("thisAct");
	});
	$(this).addClass("act");
	$(this).addClass("thisAct");
	//content
	$(".divBody").each(function(){
		$(this).removeClass("divBodyAct");
	});
	$(".divBody").eq($(this).index()).addClass("divBodyAct");

});
// 表单验证
</script>
{% include login-footer.html %}